<div class="scrollable">
    <div class="scrollable-content">
        <div class='section section-break'>
            <div class="panel-group" ui-state="cuisine" ui-default="0">

                <div class="panel panel-default" ng-repeat="(classify,cuisines) in classifiedCuisine">
                    <div class="panel-heading"  ng-click="hideIfOpen($index)">        
                        <h4 class="panel-title">
                            {{ classify }} 
                        </h4>
                        
                        <div class="pull-right cuisine-group-del">
                            <!--<a class="btn btn-primary" ng-click="">删除</a>-->
                            <i class="fa fa-times-circle-o fa-2x" ng-click='delClassify(classify)'> </i>
                        </div>
                    </div>
                    <div ui-if="cuisine == {{$index}}">
                        <div class="panel-body">
                            <div class="list-group" ng-repeat="item in cuisines">
                                <a class="list-group-item" >{{ item.cuisine}}<i class="fa fa-jpy cuisine-item-yuan">{{ item.price }}</i>
                                    <div class="pull-right cuisine-group-del">
                                        <i class="fa fa-times-circle-o fa-2x" ng-click='delCuisine(classify, $index)'> </i>
                                    </div>
                                </a>
                            </div>
                            <div class="list-group" ng-show='addingCuisineSet[classify]'>
                                <a class="list-group-item" >
                                    <div class="new-cuisine">
                                        <input type="text" 
                                        ng-model="newCuisineSet[classify]"
                                        class="form-control"
                                        placeholder="new cuisine">

                                    </div>
                                    <i class="fa fa-jpy cuisine-item-yuan"> </i>
                                    <div class="new-price">
                                        <input type="text" 
                                        ng-model="newCuisinePriceSet[classify]"
                                        class="form-control"
                                        placeholder="price" required>
                                    </div>

                                    <div class="pull-right sure-add-cuisine">
                                        <i class="fa fa-check fa-2x" ng-click='sureAddCuisine(classify, newCuisineSet[classify], newCuisinePriceSet[classify])'> </i>
                                    </div>
                                </a>
                            </div>
                            <div class="list-group" ng-show='! addingCuisineSet[classify]'>
                                <a class="list-group-item on-center" href="">
                                    <i class="fa fa-plus-square-o fa-2x" ng-click='addCuisine(classify)' ></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default" ng-show='addingClassify'>
                    <div class="panel-heading">        
                        <h4 class="panel-title add-title">
                            <input type="text" 
                            ng-model="newClassify"
                            class="form-control"
                            placeholder="new classify">
                        </h4>

                        <div class="pull-right cuisine-group-add">
                            <i class="fa fa-check fa-2x" ng-click='sureAddClassify(newClassify)'> </i>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default" ng-show='!addingClassify'>
                    <div class="panel-heading on-center" >        
                        <!--添加-->
                            <i class="fa fa-plus-square-o fa-2x" ng-click=addClassify()></i>
                    </div>
                </div>
            </div>
        </div>
        <hr>



        <div class="section section-info">
            <h4>订单信息:</h4>
            
        </div>

    </div>
</div>




